﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" media="screen" href="../themes/ui-lightness/jquery.ui.all.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="../themes/ui-lightness/jquery.ui.button.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="../css/admin-style.css" />

    <script src="../js/head.js" type="text/javascript"></script>

    <script type="text/javascript">
        head.js("../js/jquery-1.7.2.js",
                "../js/jquery.validate.js",
                "../js/jquery.metadata.js",
                "../ui/jquery.ui.core.js",
                "../ui/jquery.ui.widget.js",
                "../ui/jquery.ui.button.js", function() {

                    $.validator.setDefaults({
                        submitHandler: function() {
                            location.href = "index.htm";
                        }
                    });

                    $().ready(function() {
                        $.fn.themeswitcher && $('<div/>').css({
                            position: "absolute",
                            right: 10,
                            top: 10
                        }).appendTo(document.body).themeswitcher();

                        $("#loginForm").validate({
                            errorLabelContainer: $("#loginForm div.error")
                        });

                        $(":submit").button();
                    });

                });
    </script>

    <script src="http://jqueryui.com/themeroller/themeswitchertool/" type="text/javascript"></script>

</head>
<body>
    <form class="cmxform" id="loginForm" method="get" action="">
    <fieldset class="ui-widget ui-widget-content ui-corner-all">
        <legend class="ui-widget ui-widget-header ui-corner-all">Login(User details)</legend>
        <p>
            <label for="username">
                Username</label>
            <input id="username" name="username" title="Please enter your username (at least 3 characters)"
                class="{required:true,minlength:3} ui-widget-content" />
        </p>
        <p>
            <label for="password">
                Password</label>
            <input id="password" name="password" type="password" maxlength="12" title="Please enter your password, between 5 and 12 characters"
                class="{required:true,minlength:5} ui-widget-content" />
        </p>
        <p>
            <div class="error">
            </div>
        </p>
        <p>
            <a id="forgotpassword" href="#">Email my password...</a>
        </p>
        <p>
            <button class="submit" type="submit">
                Submit</button>
        </p>
    </fieldset>
</body>
</html>
